<!DOCTYPE html>
<html lang="en">
<head>
<meta >
<title>404 Page Not Found</title>
<meta charset="utf-8">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
<meta name="format-detection" content="telephone=no"/>
<meta name="format-detection" content="email=no" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
<meta name="msapplication-tap-highlight" content="no">
<link type="image/x-icon" rel="shortcut icon" href="/skins/common/images/logo_60.png">

<?php $CI = & get_instance(); ?>
<base href="<?php echo $CI->config->bzskins_url ?>">

<style type="text/css">
body,html{margin:0;height:100%;}
*,:before,:after {-webkit-box-sizing:border-box;box-sizing:border-box;}
@media (min-width: 320px) {
    html {font-size: 14px;}
}
@media (min-width: 360px) {
    html {font-size: 16px;}
}
@media (min-width: 400px) {
    html {font-size: 18px;}
}
@media (min-width: 440px) {
    html {font-size: 20px;}
}
@media (min-width: 480px) {
    html {font-size: 22px;}
}
@media (min-width: 640px) {
    html {font-size: 28px;}
}
.flex{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:-moz-box;display:flex;}
.flex-v{-webkit-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}
.flex-1{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;}
.flex-align-center{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;}
.flex-pack-center{-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}
.flex-pack-justify{-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;}
header{width:100%;height:2.571rem;position:absolute;left:0;top:0;width:100%;background-color:#53C3F2;line-height:2.571rem;color:#FCFEFF;text-align:center;font-size:1.2rem;}
header .return{width:16%;height:2.571rem;display:block;position:relative;}
header .return:after,header .return::before{position:absolute;top:50%;margin:-0.8rem 0 0 -1.6rem;content:' ';display:inline-block;width:0;height:0;overflow:hidden;font-size:0;border-width:0.8rem;border-color:transparent #fff transparent transparent;border-style:dashed solid dashed dashed}
header .return:after{border-width:0.8rem;border-color:transparent #53C3F2 transparent transparent;margin:-0.8rem 0 0 -1.45rem;}
header .return:active{background-color:#077CAD;}
header .return:active:after{border-color:transparent #077CAD transparent transparent;}
header .title{padding-right:16%;}
section{width:100%;height:100%;padding-top:2.571rem;margin:0 auto;min-height:25rem;}
section .look{width:11.142rem;height:11.035rem;padding:1.7rem 0 0 3.2rem;margin-top:7rem;background:url('wap/scenic/images/404.png') no-repeat;background-size:100%;}
section .look h5,section .look p{margin:0;font-size:0.8rem;color:#333;font-weight:normal;line-height:1.2rem;}
section .look a{display:block;font-size:0.8rem;padding-top:0.2rem;height:1.485rem;line-height:1.285rem;width:5.5rem;text-align:center;text-decoration:none;color:#4BB2DE;}
</style>

</head>
<body>
    <header class="flex">
        <a href="javascript:history.back();" class="return"></a>
        <div class="title flex-1">404</div>
    </header>
    <section class="flex flex-pack-center">
        <div class="look">
            <h5>抱歉，</h5>
            <p>页面存在异常</p>
            <a href="http://wap.zxkj918.com">返回首页</a>
        </div>
    </section>
</body>
</html>